<template>
	<div class="notice_box">
        <p class="close" @click="close"><u-icon name="close" color="#999999" size="20"></u-icon></p>
        <p class="title">{{msg.title}}</p>
        <p class="text" v-html="msg.content"></p>
    </div>
</template>

<script>
	export default {
        options: {
            styleIsolation: 'shared'
        },
        props: {
			msg: {
				type: Object
			}
		},
		data() {
			return {
			}
		},
		methods: {
			
            close(){
                this.$emit('close')
            }
		},
        mounted(){
        },
        onLoad() {
		},
		onShow(){
        }
	}
</script>

<style lang="scss" scoped>
    @mixin content-flex($pitch) {
		display: flex;
		align-items: center;
		justify-content:  $pitch;
	}
	.notice_box{
        height: 247px;
        border-radius: 20rpx 20rpx 0px 0px;
        padding:0 30rpx;
        background: linear-gradient(180deg, #D3F6D9 0%, #FFFFFF 36%);
        .close{
            display: flex;
            justify-content: flex-end;
            padding-top:24rpx;
        }
        .title{
            font-size: 40rpx;
            font-weight: 500;
            color:#333;
            margin:24rpx 0 32rpx 0;
        }
        .text{
            font-size: 30rpx;
            color: #333333;
            line-height: 56rpx;
            span{
                color:#23AC39;
            }
        }
    }
</style>
